<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
<title>Ejemplo Primefaces + JSF</title>
<link  href="css/Estilos.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
<center>
<h1>Login</h1>
</center>
<h:form> 
<div style="margin-top: 120px;margin-left: 650px;margin-right: 150px">                          
<p:layoutUnit style="border-color: red">
   <center >
         <h:panelGrid columns="2" cellpadding="5" > 
            <h:outputLabel for="usuario" value="Usuario:"/>  
            <h:inputText id="usuario"  value="#{validarU.usuario.idUsuario}" 
                      label="username" />  
              
            <h:outputLabel  for="contrasenia" value="Contraseña:"/>  
            <h:inputSecret id="contrasenia" value="#{validarU.usuario.contrasenia}" 
                     label="password" />  

           </h:panelGrid>
            <p:growl id="growl" showDetail="true" sticky="true" />  
           <h:commandButton value="Ingresar" actionListener="#{validarU.MetodoPost}" update="growl"/>          
  </center>  
      </p:layoutUnit>
      
           
     </div>    
</h:form>
</h:body>
</html>